<template>
	<view class="cont">
		<view class="show_record">
			<view class="head">
				<view class="type">
					<span>心理咨询问卷</span>
				</view>
				<view class="status">
					<label>已结束</label>
				</view>
			</view>
			<view class="hr"></view>
			<view class="time">测试分数：</view>
			<view class="address">测试时间：</view>
			<view class="edit">分析：</view>
			<view class="bottom">
				<view class="agan" @click="again()">再次测评</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		name: "record",
		data() {
			return {
			};
		},
		methods:{
			again(e){
				
			}
		}
		
	}
</script>

<style lang="less">
	.cont {
		width: 750rpx;
		height: 100vh;
		background-color: white;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: center;

		.show_record {
			margin-top: 30rpx;
			width: 680rpx;
			min-height: 260rpx;
			border: 1px #96ceb4 solid;
			box-shadow: 1px 1px 1px 1px lightgray;
			border-radius: 10px;
			padding: 10rpx 20rpx 10rpx 20rpx;

			.hr {
				position: relative;
				width: 100%;
				height: 3rpx;
				top: 6rpx;
				background-image: linear-gradient(to right, #ff585d, #fff591);
			}

			.time {
				width: 100%;
				height: 50rpx;
				margin-top: 20rpx;
			}

			.edit {
				width: 100%;
				min-height: 50rpx;
			}

			.address {
				width: 100%;
				height: 50rpx;
			}

			.name {
				width: 100%;
				height: 50rpx;
			}

			.bottom {
				.agan {
					border: 1px #ff8a5c solid;
					text-align: center;
					padding: 5rpx;
					border-radius: 10px;
					color: #ff8a5c;
					box-shadow: 1px 1px 1px 1px lightgray;
				}

			}

			.head {
				display: flex;
				justify-content: space-between;
				align-items: center;
				color: black;

				.type {
					font-size: 30rpx;
				}

				.status {
					color: gray;
				}
			}
		}
	}
</style>
